<template>
  <transition name="bounce" mode="out-in">
    <section class="mui-content pd">
      <mh-header :headName="headName"> </mh-header>
      <div class="set-form">
        <div class="set-content" v-html='content'>

        </div>
      </div>

    </section>
  </transition>
</template>

<script>
  import MhHeader from '@/components/mh-header/mh-header';
  import {MH_API} from "@/api/api";
  export default {
    name: "setting",
    data () {
      return {
        headName: "广告",
        annoArr: [],
        content: '广告内容'
      }
    },
    methods: {
      submit(){

      }
    },
    components: {
      MhHeader
    },
    created(){
      let index = this.$route.query.index || 0;
      let self = this;
      MH_API.getGuanggao({

      }).then(res => {
        if (res.status === 200) {
          //self.annoArr = res.data
          self.content = res.data[index].weizhi
        }
      })
    }
  }
</script>

<style scoped>
  .set-form{ display: block; background-color: #fff; }
  .set-li{ display: block; }
  .border-top{ border-top: 1rem solid #F2F2F2;}
  .link-li{ display: flex; margin: 0 1.5rem; height: 5rem; justify-content: space-between; align-items: center; font-size: 1.4rem; border-bottom: 1px solid #eee;}
  .link-li .rg{ color: #999; }
  .set-content{ display: block; padding: 2rem 1rem; line-height: 200%; font-size: 1.4rem;}
  .set-content img{ display: block; max-width: 100%; }
</style>
